﻿@{
    Layout = null;
}


<!DOCTYPE html>


<html>
<head>
    <meta name="viewport" content="width=device-width" />
    <title>Index</title>
    <link href="/Mjs/AmazeUI-2.4.2/assets/css/amazeui.css" rel="stylesheet" type="text/css" />
		<link href="/Mjs/AmazeUI-2.4.2/assets/css/admin.css" rel="stylesheet" type="text/css" />

		<link href="/Mjs/basic/css/demo.css" rel="stylesheet" type="text/css" />

		<link href="/Mjs/css/hmstyle.css" rel="stylesheet" type="text/css" />
		<script src="/Mjs/AmazeUI-2.4.2/assets/js/jquery.min.js"></script>
    <script src="~/Scripts/jquery-1.7.1.min.js"></script>

		<script src="/Mjs/AmazeUI-2.4.2/assets/js/amazeui.min.js"></script>
    <style type="text/css">
        #right {
        width:1200px;
        position:relative;
       
       
        
        }
            #right #r_1 {
                 float:left;
                 display:block;
                 width:200px;
                 height:200px;
                 top:10px;
                  margin-top:50px;
            }
           /* #right .r_1 .pic {
                display:block;
                float:left;
                width:220px;
                 height:180px;
                 padding:10px;
            }
            #right .r_1 .js {
                display:block;
                position:absolute;
                margin-top:220px;
                text-align:center;
                float:left;
                width:220px;
                 height:180px;
                 padding:10px;
            }*/

                #right #r_1 dl {
                    display:block;
                  margin:0px;
                  float:left;
                 
                }
                 #right .r_1 dt {
                     
                
                 margin-left:5px;
                 
                }
                  #right #r_1 dd {
                      
               
               text-align:center;
              
                }
        #serach {
            width:150px;
            height:30px;
            line-height:30px;
            margin-top:20px;
            /*padding:20px;*/

        }
        #fondlk {
        margin-left:-80px;
        
        }
    </style>
    <script type="text/javascript">
        
        $(function () {
            $("#searchInput").keyup(function () {
                $("#zz").html("");
                var a;
                var name = $(this).val();
                $.ajax({
                    type: "POST",
                    url: "/Home/s",
                    data: "name=" + name,
                    success: function (msg) {
                        $.each(msg, function (i,item) {
                            a += "<option>" + item["BookName"] + "</option>";
                        })
                        $("#zz").html(a);
                    }
                });
                $("#fondlk").css('display','block');
            });
            $("#searchInput").blur(function () {
                $("#fondlk").css('display','none');
            });
        });
    </script>
</head>
<body>
   	<div class="hmtop">
			<!--顶部导航条 -->
			<div class="am-container header">
				<ul class="message-l">
					<div class="topMessage">
						<div class="menu-hd">
							<a href="/Login/login" target="_top" class="h">亲，请登录</a>
							<a href="/Register/Index" target="_top">免费注册</a>
						</div>
					</div>
				</ul>
				<ul class="message-r">
					<div class="topMessage home">
						<div class="menu-hd"><a href="#" target="_top" class="h">商城首页</a></div>
					</div>
					<div class="topMessage my-shangcheng">
						<div class="menu-hd MyShangcheng"><a href="#" target="_top"><i class="am-icon-user am-icon-fw"></i>个人中心</a></div>
					</div>
					<div class="topMessage mini-cart">
						<div class="menu-hd"><a id="mc-menu-hd" href="#" target="_top"><i class="am-icon-shopping-cart  am-icon-fw"></i><span>购物车</span><strong id="J_MiniCartNum" class="h">0</strong></a></div>
					</div>
					<div class="topMessage favorite">
						<div class="menu-hd"><a href="#" target="_top"><i class="am-icon-heart am-icon-fw"></i><span>收藏夹</span></a></div>
				</ul>
				</div>

				<!--悬浮搜索框-->
           <div style="z-index:1000;position:absolute;left:35.85%;top:105px;display:none"  id="fondlk">
                                <select size="10" style="width:528px;background-color:white" id="zz"></select>
                            </div>
				<div class="nav white">
					<div class="logo"><img src="/Mjs/images/logo.png" /></div>
					<div class="logoBig">
						<li><img src="/Mjs/images/logobig.png" /></li>
					</div>

					<div class="search-bar pr">
						<a name="index_none_header_sysc" href="#"></a>
						<form action="/Home/fennei" method="post">
							<input id="searchInput" name="index_none_header_sysc" type="text" placeholder="搜索" autocomplete="off">
							<input id="ai-topsearch" class="submit am-btn" value="搜索" index="1" type="submit">
                            
						</form>
					</div>
                    
				</div>

				<div class="clear"></div>
			</div>
             <b class="line"></b>
			<div class="shopNav">
				<div class="slideall" style="height: auto;">
			        
					   <div class="long-title"><span class="all-goods">全部分类</span></div>
					
                
			    <div class="bannerTwo">
                      <!--轮播 -->
						<div class="am-slider am-slider-default scoll" data-am-flexslider id="demo-slider-0">
							<ul class="am-slides">
								<li class="banner1"><a href="introduction.html"><img src="/Images/lb4.jpg" style="height:400px;" /></a></li>
								<li class="banner2"><a><img src="/Images/lb1.jpg" style="height:400px;" /></a></li>
								<li class="banner3"><a><img src="/Images/lb2.jpg" style="height:400px;" /></a></li>
								<li class="banner4"><a><img src="/Images/lb3.jpg" style="height:400px;" /></a></li>
							</ul>
						</div>
						<div class="clear"></div>	
			    </div>

						<!--侧边导航 -->
						<div id="nav" class="navfull" style="position: static;">
							<div class="area clearfix">
								<div class="category-content" id="guide_2">
 
									<div class="category" style="box-shadow:none ;margin-top: 2px;">
										<ul class="category-list navTwo" id="js_climit_li">
										
                                          @foreach (Entity.BookType t in ViewBag.caidan)
                                          { 
                                            <li>
												<div class="category-info">
													<h3 class="category-name b-category-name"><a class="ml-22" title="名人传记">@t.TypeName</a></h3>
													<em>&gt;</em></div>
												<div class="menu-item menu-in top">
													<div class="area-in">
														<div class="area-bg">
															<div class="menu-srot">
																<div class="sort-side">
																	<dl class="dl-sort">
                                                                      
																		<dt><span title="名人传记">@t.TypeName</span></dt>
                                                                          @for (int i = 0; i < t.Children.Count; ++i)
                                                                          {
																		<dd><a title="古代名人" href="/Home/fennei?Typeid=@t.Children[i].TypeID"><span>@t.Children[i].TypeName</span></a></dd>
                                                                          }
																		
																	</dl>
																</div>
																
															</div>
														</div>
													</div>
												</div>
											<b class="arrow"></b>	
											</li>
                                          }  
											
										</ul>
									</div>
								</div>

							</div>
						</div>
						<!--导航 -->
						<script type="text/javascript">
						    (function () {
						        $('.am-slider').flexslider();
						    });
						    $(document).ready(function () {
						        $("li").hover(function () {
						            $(".category-content .category-list li.first .menu-in").css("display", "none");
						            $(".category-content .category-list li.first").removeClass("hover");
						            $(this).addClass("hover");
						            $(this).children("div.menu-in").css("display", "block")
						        }, function () {
						            $(this).removeClass("hover")
						            $(this).children("div.menu-in").css("display", "none")
						        });
						    })
						</script>
                  
                    <div class="f1">
                        <div class="am-container " >
						<div class="shopTitle ">
							<h4 class="floor-title">热销图书</h4>
							<div class="floor-subtitle"><h3>愿每一本书都都能带给你心灵的慰藉</h3></div>
						</div>
					</div>
					
				
			                  <div id="right">
                                  
                                       @foreach (Entity.BookInformatica b in ViewBag.bk)
                                       {
                                           <div id="r_1">
                                              <dl>
                                                  <dt><img src="~/images/@b.BookPicture" style="width:180px;height:120px"/></dt>
                                                  <dd>书名：@b.BookName</dd>
                                                  <dd>价钱:@b.BookPrice</dd>
                                                  <dd>介绍:@b.BookDescribe </dd>
                                                  <dd><a href="/Introduction/Z_BookID?Z_BookID=@b.BookId">详细介绍</a> </dd>
                                             </dl>
                                          </div>
                                       }
                          </div>
                                          
       
			</div>
		<!--引导 -->
		<div class="navCir">
			<li class="active"><a href="home2.html"><i class="am-icon-home "></i>首页</a></li>
			<li><a href="sort.html"><i class="am-icon-list"></i>分类</a></li>
			<li><a href="shopcart.html"><i class="am-icon-shopping-basket"></i>购物车</a></li>	
			<li><a href="/Mjs/person/index.html"><i class="am-icon-user"></i>我的</a></li>					
		</div>
		<!--菜单 -->
		<div class=tip>
			<div id="sidebar">
				<div id="wrap">
					<div id="prof" class="item ">
						<a href="# ">
							<span class="setting "></span>
						</a>
						<div class="ibar_login_box status_login ">
							<div class="avatar_box ">
								<p class="avatar_imgbox "><img src="/Mjs/images/no-img_mid_.jpg " /></p>
								<ul class="user_info ">
									<li>用户名：sl1903</li>
									<li>级&nbsp;别：普通会员</li>
								</ul>
							</div>
							<div class="login_btnbox ">
								<a href="# " class="login_order ">我的订单</a>
								<a href="# " class="login_favorite ">我的收藏</a>
							</div>
							<i class="icon_arrow_white "></i>
						</div>

					</div>
					<div id="shopCart " class="item ">
						<a href="# ">
							<span class="message "></span>
						</a>
						<p>
							购物车
						</p>
						<p class="cart_num ">0</p>
					</div>
					<div id="asset " class="item ">
						<a href="# ">
							<span class="view "></span>
						</a>
						<div class="mp_tooltip ">
							我的资产
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="foot " class="item ">
						<a href="# ">
							<span class="zuji "></span>
						</a>
						<div class="mp_tooltip ">
							我的足迹
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="brand " class="item ">
						<a href="#">
							<span class="wdsc "><img src="/Mjs/images/wdsc.png " /></span>
						</a>
						<div class="mp_tooltip ">
							我的收藏
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div id="broadcast " class="item ">
						<a href="# ">
							<span class="chongzhi "><img src="/Mjs/images/chongzhi.png " /></span>
						</a>
						<div class="mp_tooltip ">
							我要充值
							<i class="icon_arrow_right_black "></i>
						</div>
					</div>

					<div class="quick_toggle ">
						<li class="qtitem ">
							<a href="# "><span class="kfzx "></span></a>
							<div class="mp_tooltip ">客服中心<i class="icon_arrow_right_black "></i></div>
						</li>
						<!--二维码 -->
						<li class="qtitem ">
							<a href="#none "><span class="mpbtn_qrcode "></span></a>
							<div class="mp_qrcode " style="display:none; "><img src="/Mjs/images/weixin_code_145.png " /><i class="icon_arrow_white "></i></div>
						</li>
						<li class="qtitem ">
							<a href="#top " class="return_top "><span class="top "></span></a>
						</li>
					</div>

		</div>
		<script>
		    window.jQuery || document.write('<script src="basic/js/jquery.min.js "><\/script>');
		</script>
		<script type="text/javascript " src="/Mjs/basic/js/quick_links.js "></script>
</body>
</html>
